<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>弹动小球使用演示</title>
<style>
.ball {
	position: fixed;
    line-height: 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    padding: .5rem;
    text-align: center;
    border-radius: 99px;
    color: #fff;
    /*border: 1rem solid transparent;*/
    background-color: #ed424b;
    background-clip: padding-box;
    text-decoration: none;
    top: 2em;
}
</style>
</head>

<body>

<div style="height: 2000px;">滚动测试，PC浏览器访问，需打开控制台进入移动模式。</div>

<a href="javascript:" id="ball" class="ball">拖我</a>
<script src="../src/Inertia.js"></script>
<script>
new Inertia(document.getElementById('ball'));
</script>
</body>
</html>
